<template>
	<view class="container">
	
		<view class="intro">本项目已包含uni ui组件，无需import和注册，可直接使用。在代码区键入字母u，即可通过代码助手列出所有可用组件。光标置于组件名称处按F1，即可查看组件文档。</view>
		<text class="intro">详见：</text>
		<uni-link :href="href" :text="href"></uni-link>
		<uni-row>
			<uni-col :span="12" :offset="6">
				<button size="mini" type="primary">按钮</button>
				<button @click="showMsg" type="primary">按钮</button>
			</uni-col>
		</uni-row>
	</view>
</template>

<script setup>
	import {ref} from 'vue'
	let href = ref('https://uniapp.dcloud.io/component/README?id=uniui')
	
	let showMsg = function(){
		uni.showModal({
			content: '这是提示信息',
			showCancel: false,
			success: function(){
				
			}
		})
	}
</script>

<style>
	.container {
		padding: 20px;
		font-size: 14px;
		line-height: 24px;
	}
</style>
